page{
    height: 100%;
    }
.discountPage {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #FEBA01 , #fff);
    padding: 10vw 5vw;
    .usable {
        box-sizing: border-box;
        width: 100%;
        position: relative;
        margin-bottom: 3vw;
        image {
            width: 100%;
            height: 25vw;
        }
        .left {
            font-size: 4.2vw;
            color: #FFE8E8;
            position: absolute;
            top: 4vw;
            left: 8vw;
            width: 5vw;
        }
        .right {
            position: absolute;
            top: 6vw;
            left: 28vw;
            .price {
                font-size: 4.8vw;
                color: #fff;
            }
            .date {
                font-size: 3.6vw;
                color: #FFE8E8;
                margin-top: 2vw;
            }
        }
    }
    .unusable {
        box-sizing: border-box;
        width: 100%;
        position: relative;
        margin-bottom: 3vw;
        image {
            width: 100%;
            height: 25vw;
        }
        .left {
            font-size: 4.2vw;
            color: #666666;
            position: absolute;
            top: 4vw;
            left: 8vw;
            width: 5vw;
        }
        .right {
            position: absolute;
            top: 6vw;
            left: 28vw;
            .price {
                font-size: 4.8vw;
                color: #666666;
            }
            .date {
                font-size: 3.6vw;
                color: #999;
                margin-top: 2vw;
            }
        }
    }
}